<template>
  <div class="nav">
    <div class="wangji-job">
      <router-link to="/my"><span><</span></router-link>
      <div>设置</div>
      <span class="dd"></span>
    </div>
    <div class="xiugai">
        <router-link to="/xiugai"><div>密码修改</div></router-link>
        <div>></div>
    </div>
    <div class="xiugai">
        <router-link to="/yijian"><div>意见反馈</div></router-link>
        <div>></div>
    </div>
    <div class="xiugai">
        <div>检查更新</div>
        <div>></div>
    </div>
    <div class="tuichu">
        <div>退出登录</div>
    </div>
  </div>
</template>
<style scoped>
.wangji-job {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.wangji-job div {
  color: rgb(9, 182, 116);
}
.xiugai {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #f4f4f4;
}
.tuichu {
    width: 320px;
    margin-top: 100px;
    text-align: center;
    color: #fff;
    border: 1px solid rgb(9, 182, 116);
    background-color: rgb(9, 182, 116);
    padding: 10px;
    border-radius: 25px;
    margin-left: 10px;
}
</style>
